<!DOCTYPE html>

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if IE 8 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->

<!--[if IE 7]>
<script type="text/javascript">
location.replace("http://windows.microsoft.com/en-US/internet-explorer/products/ie/home");
</script>
<![endif]-->

<html>
<head>
<title>Online Sale</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="css/styles.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/custom-style3.css" rel="stylesheet" type="text/css" media="all" />

<!--[if IE 8 ]>
<link href="css/ie-grid.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->

<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" />
<script src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript">

jQuery(document).ready(function() {

$(".fa-search-btn").prettyPhoto();

	
});

</script>
</head>

<body id="index" class=" ">
<div id="page" class="clearfix">

  <div class="navbar navbar-static top-links first-bg" >
    <div class="navbar-inner container_9">
      <ul id="header_nav" class="nav pull-left">
        <li ><i class="icon-user"></i> <a href="#">My Account</a></li>
        <li><i class="icon-heart"></i> <a href="/">Wishlist </a></li>
      </ul>
      <ul id="header_nav" class="nav pull-right">
        <li ><i class="icon-shopping-cart"></i> <a href="#">Shopping Cart</a></li>
        <li><i class="icon-circle-arrow-right"></i> <a href="/">My Account </a></li>
      </ul>
    </div>
  </div>
  
  <!-- Header -->
  
  <header id="header" role="heading" class="third-bg" >
    <div class="header-content container_9"> <a title="onlinestore" href="home.html" class="logo "><img alt="logo" src="media/logo.jpg"></a>
      <div class="quick-access">
        <ul>
          <li > <a rel="nofollow" title="View my shopping cart" href="/" class="cart-btn first-bg" > <i class="icon-exchange"></i> </a> </li>
          <li > <a rel="nofollow" title="View my shopping cart" href="/" class="cart-btn  first-bg" > <i class="icon-shopping-cart"></i> </a> <span>0 item(s) - $0.00</span> </li>
        </ul>
      </div>
      <form method="get" action="index.php?controller=search" id="searchbox">
        <p>
          <input type="text" placeholder="Type and hit enter" value="" name="search_query">
        </p>
      </form>
    </div>
    <script src="js/jquery.dlmenu.js"></script> 
    <script>
			$(function() {
	 $( '#dl-menu' ).dlmenu();
				
	 $(".sf-menu li.item").hover(
      function () {
       
	   $(this).children('a').addClass('hover');
      },
      function () {
          $(this).children('a').removeClass('hover');
      }
    );
	
	
			});
</script>
    <div id="dl-menu" class="dl-menuwrapper" style="display:none;">
      <button class="dl-trigger">Open Menu</button>
      <ul class="dl-menu">
        <li> <a href="#">Fashion</a>
          <ul class="dl-submenu">
            <li> <a href="#">Men</a>
              <ul class="dl-submenu">
                <li><a href="product-list.html">Shirts</a></li>
                <li><a href="product-list.html">Jackets</a></li>
                <li><a href="product-list.html">Chinos &amp; Trousers</a></li>
                <li><a href="product-list.html">Jeans</a></li>
                <li><a href="product-list.html">T-Shirts</a></li>
                <li><a href="product-list.html">Underwear</a></li>
              </ul>
            </li>
            <li> <a href="#">Women</a>
              <ul class="dl-submenu">
                <li><a href="product-list.html">Jackets</a></li>
                <li><a href="product-list.html">Knits</a></li>
                <li><a href="product-list.html">Jeans</a></li>
                <li><a href="product-list.html">Dresses</a></li>
                <li><a href="product-list.html">Blouses</a></li>
                <li><a href="product-list.html">T-Shirts</a></li>
                <li><a href="product-list.html">Underwear</a></li>
              </ul>
            </li>
            <li> <a href="#">Children</a>
              <ul class="dl-submenu">
                <li><a href="product-list.html">Boys</a></li>
                <li><a href="product-list.html">Girls</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li> <a href="#">Electronics</a>
          <ul class="dl-submenu">
            <li><a href="product-list.html">Camera &amp; Photo</a></li>
            <li><a href="product-list.html">TV &amp; Home Cinema</a></li>
            <li><a href="product-list.html">Phones</a></li>
            <li><a href="product-list.html">PC &amp; Video Games</a></li>
          </ul>
        </li>
        <li> <a href="#">Furniture</a>
          <ul class="dl-submenu">
            <li> <a href="product-list.html">Living Room</a>
              <ul class="dl-submenu">
                <li><a href="product-list.html">Sofas &amp; Loveseats</a></li>
                <li><a href="product-list.html">Coffee &amp; Accent Tables</a></li>
                <li><a href="product-list.html">Chairs &amp; Recliners</a></li>
                <li><a href="product-list.html">Bookshelves</a></li>
              </ul>
            </li>
            <li> <a href="#">Bedroom</a>
              <ul class="dl-submenu">
                <li> <a href="#">Beds</a>
                  <ul class="dl-submenu">
                    <li><a href="product-list.html">Upholstered Beds</a></li>
                    <li><a href="product-list.html">Divans</a></li>
                    <li><a href="product-list.html">Metal Beds</a></li>
                    <li><a href="product-list.html">Storage Beds</a></li>
                    <li><a href="product-list.html">Wooden Beds</a></li>
                    <li><a href="product-list.html">Children's Beds</a></li>
                  </ul>
                </li>
                <li><a href="#">Bedroom Sets</a></li>
                <li><a href="#">Chests &amp; Dressers</a></li>
              </ul>
            </li>
            <li><a href="#">Home Office</a></li>
            <li><a href="#">Dining &amp; Bar</a></li>
            <li><a href="#">Patio</a></li>
          </ul>
        </li>
        <li> <a href="#">Jewelry &amp; Watches</a>
          <ul class="dl-submenu">
            <li><a href="product-list.html">Fine Jewelry</a></li>
            <li><a href="product-list.html">Fashion Jewelry</a></li>
            <li><a href="product-list.html">Watches</a></li>
            <li> <a href="product-list.html">Wedding Jewelry</a>
              <ul class="dl-submenu">
                <li><a href="product-list.html">Engagement Rings</a></li>
                <li><a href="product-list.html">Bridal Sets</a></li>
                <li><a href="product-list.html">Women's Wedding Bands</a></li>
                <li><a href="product-list.html">Men's Wedding Bands</a></li>
              </ul>
            </li>
          </ul>
        </li>
      </ul>
    </div>
  </header>
  <div class="sf-contener clearfix second-bg ">
    <nav class="nav-wrap container_9">
      <ul class="sf-menu clearfix  ">
        <li class="item"><a class="parent" href="home.html">Home</a> </li>
        <li class="item"><a class="parent" href="home.html">Products</a>
          <ul>
            <li><a href="product-list.html">Product list</a></li>
            <li><a href="product-grid.html">Product grid</a></li>
          </ul>
        </li>
        <li class="item"><a class="parent" href="product.html">Single Product</a> </li>
        <li class="item"><a class="parent"  href="shopping-cart.html">Shopping Cart</a></li>
        <li  class="item"><a class="parent"  href="checkout.html">Checkout</a></li>
        <li class="item"><a class="parent" href="blog.html">Blog</a>
        <li class="item"><a class="parent" href="single-post.html">Single Post</a></li>
        </li>
      </ul>
    </nav>
  </div>
  <div class="slider-home-page">
    <link rel="stylesheet" href="css/iview.css" />
    <link rel="stylesheet" href="css/skin 4/style.css" />
    <script type="text/javascript" src="js/raphael-min.js"></script> 
    <script type="text/javascript" src="js/jquery.easing.js"></script> 
    <script src="js/iview.js"></script> 
    <script>
			$(document).ready(function(){
				$('#iview').iView({
	                pauseTime: 7000,
					pauseOnHover: true,
					directionNav: true,
					directionNavHide: false,
					controlNav: true,
					controlNavNextPrev: false,
					controlNavTooltip: false,
					nextLabel: "Próximo",
					previousLabel: "Anterior",
					playLabel: "Jugada",
					pauseLabel: "Pausa",
					timer: "360Bar",
					timerBg: "#EEE",
					timerColor: "#000",
					timerDiameter: 40,
					timerPadding: 4,
					timerStroke: 8,
					timerPosition: "bottom-right"
				});
			});
		</script>
    <div id="iview">
      <div data-iview:thumbnail="photos/photo11_thumb.jpg" data-iview:image="media/slide-01.jpg">
        <div class="iview-caption caption1" data-x="100" data-y="300" data-transition="expandDown">FINE TUNED, SLEEK & SMOOTH, THIS SLIDER WILL IMPRESS YOUR VISITORS</div>
      </div>
      <div data-iview:thumbnail="photos/photo12_thumb.jpg" data-iview:image="media/slide-02.jpg" data-iview:transition="block-drop-random" data-iview:pausetime="2000">
        <div class="iview-caption caption2" data-x="50" data-y="320" data-transition="expandRight">SUPPORTS ANIMATED CAPTIONS, VIDEO & IFRAME, SINGLE PAGE MULTI-USE</div>
      </div>
      <div data-iview:thumbnail="photos/photo13_thumb.jpg" data-iview:image="media/slide-03.jpg">
        <div class="iview-caption caption3" data-x="350" data-y="300" data-transition="expandLeft">GORGEOUS ANIMATED TIMERS WITH HIGH CUSTOMIZABLE OPTIONS</div>
      </div>
      <div data-iview:thumbnail="photos/photo13_thumb.jpg" data-iview:image="media/slide-03.jpg">
        <div class="iview-caption video-caption" data-x="50" data-y="50" data-transition="wipeUp">
       <iframe src="//player.vimeo.com/video/58894324?autoplay=1" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
        </div>
        <div class="iview-caption caption4" data-x="600" data-y="140" data-transition="wipeRight">Video</div>
        <div class="iview-caption caption5" data-x="740" data-y="145" data-transition="wipeLeft">Support</div>
        <div class="iview-caption caption3" data-x="600" data-y="200" data-width="235" data-height="40" data-transition="wipeLeft">You can easily add <b>Vimeo</b> & <b>Youtube Videos</b> to your <b>Slides</b> & <b>Captions</b></div>
      </div>
    </div>
  </div>
  <section  id="columns" class="container_9 clearfix col1" > 
    
    <!-- Center -->
    <article id="center_column" class=" grid_5" >
      <div class="category-list">
        <ul class="products-grid first ">
          <li class="fadeIn animated"> <span class="overlay first-bg"> </span>
            <h3><a href="#">Category Name 01</a></h3>
            <a href="#"> <img src="media/cat.jpg" width="369" height="133"></a> </li>
          <li class="fadeIn animated"> <span class="overlay first-bg"> </span>
            <h3><a href="#">Category Name 02</a></h3>
            <a href="#"> <img src="media/cat2.jpg" width="369" height="133"></a> </li>
          <li class="fadeIn animated last"> <span class="overlay first-bg"> </span>
            <h3><a href="#">Category Name 03</a></h3>
            <a href="#"> <img src="media/cat3.jpg" width="369" height="133"></a> </li>
        </ul>
      </div>
      <div class="width-carousel">
        <div class="title-box">
          <h3 class="title-carousel first-brd">Featured</h3>
        </div>
        
        <!-- bxSlider Javascript file --> 
        <script src="js/jquery.bxslider.min.js"></script> 
        <!-- bxSlider CSS file -->
        <link href="css/jquery.bxslider.css" rel="stylesheet" />
        <script>
$(document).ready(function(){
  $('.bxslider').bxSlider({ 
    slideWidth: 270,
    minSlides: 4,
    maxSlides: 4,
    slideMargin: 28
  });
});
</script>
        <ul class="products-grid first odd bxslider">
          <li class="item first fadeIn animated"> <a class="fa-search-btn first-bg"  href="media/246-thickbox_default.jpg"> enlarge image <i class="icon-search"></i></a> <a class="product-image" title="Product Name" href="/"> <img src="media/home-default.png" width="249" height="180" alt="product"></a>
            <h2 class="product-name"> <a title="Product Name" href="/"> Product Name </a> </h2>
            <div class="actions"> <a class="btn-circle first-bg-hover"> <i class="icon-heart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-shopping-cart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-exchange"></i> </a> </div>
          </li>
          <li class="item first fadeIn animated"> <a class="fa-search-btn first-bg"  href="media/246-thickbox_default.jpg"> enlarge image <i class="icon-search"></i></a> <a class="product-image" title="Product Name" href="/"> <img src="media/home-default2.png" width="249" height="180" alt="product"></a>
            <h2 class="product-name"> <a title="Product Name" href="/"> Product Name </a> </h2>
            <div class="actions"> <a class="btn-circle first-bg-hover"> <i class="icon-heart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-shopping-cart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-exchange"></i> </a> </div>
          </li>
          <li class="item first fadeIn animated"> <a class="fa-search-btn first-bg"  href="media/246-thickbox_default.jpg"> enlarge image <i class="icon-search"></i></a> <a class="product-image" title="Product Name" href="/"> <img src="media/home-default3.png" width="249" height="180" alt="product"></a>
            <h2 class="product-name"> <a title="Product Name" href="/"> Product Name </a> </h2>
            <div class="actions"> <a class="btn-circle first-bg-hover"> <i class="icon-heart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-shopping-cart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-exchange"></i> </a> </div>
          </li>
          <li class="item first fadeIn animated"> <a class="fa-search-btn first-bg"  href="media/246-thickbox_default.jpg"> enlarge image <i class="icon-search"></i></a> <a class="product-image" title="Product Name" href="/"> <img src="media/home-default4.png" width="249" height="180" alt="product"></a>
            <h2 class="product-name"> <a title="Product Name" href="/"> Product Name </a> </h2>
            <div class="actions"> <a class="btn-circle first-bg-hover"> <i class="icon-heart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-shopping-cart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-exchange"></i> </a> </div>
          </li>
          <li class="item first fadeIn animated"> <a class="fa-search-btn first-bg"  href="media/246-thickbox_default.jpg"> enlarge image <i class="icon-search"></i></a> <a class="product-image" title="Product Name" href="/"> <img src="media/home-default.png" width="249" height="180" alt="product"></a>
            <h2 class="product-name"> <a title="Product Name" href="/"> Product Name </a> </h2>
            <div class="actions"> <a class="btn-circle first-bg-hover"> <i class="icon-heart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-shopping-cart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-exchange"></i> </a> </div>
          </li>
          <li class="item first fadeIn animated"> <a class="fa-search-btn first-bg"  href="media/246-thickbox_default.jpg"> enlarge image <i class="icon-search"></i></a> <a class="product-image" title="Product Name" href="/"> <img src="media/home-default2.png" width="249" height="180" alt="product"></a>
            <h2 class="product-name"> <a title="Product Name" href="/"> Product Name </a> </h2>
            <div class="actions"> <a class="btn-circle first-bg-hover"> <i class="icon-heart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-shopping-cart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-exchange"></i> </a> </div>
          </li>
          <li class="item first fadeIn animated"> <a class="fa-search-btn first-bg"  href="media/246-thickbox_default.jpg"> enlarge image <i class="icon-search"></i></a> <a class="product-image" title="Product Name" href="/"> <img src="media/home-default3.png" width="249" height="180" alt="product"></a>
            <h2 class="product-name"> <a title="Product Name" href="/"> Product Name </a> </h2>
            <div class="actions"> <a class="btn-circle first-bg-hover"> <i class="icon-heart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-shopping-cart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-exchange"></i> </a> </div>
          </li>
          <li class="item first fadeIn animated"> <a class="fa-search-btn first-bg"  href="media/246-thickbox_default.jpg"> enlarge image <i class="icon-search"></i></a> <a class="product-image" title="Product Name" href="/"> <img src="media/home-default4.png" width="249" height="180" alt="product"></a>
            <h2 class="product-name"> <a title="Product Name" href="/"> Product Name </a> </h2>
            <div class="actions"> <a class="btn-circle first-bg-hover"> <i class="icon-heart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-shopping-cart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-exchange"></i> </a> </div>
          </li>
        </ul>
      </div>
      <div class="promo-home">
        <ul>
          <li class="first-bg"><a href="#"><img src="media/promo1.png"></a></li>
          <li class="first-bg"><a href="#"><img src="media/promo2.png"></a></li>
          <li class="first-bg last"><a href="#"><img src="media/promo3.png" ></a></li>
        </ul>
      </div>
      <div class="width-carousel">
        <div class="title-box">
          <h3 class="title-carousel first-brd">Recent Products</h3>
        </div>
        
        <!-- bxSlider Javascript file --> 
        <script src="js/jquery.bxslider.min.js"></script> 
        <!-- bxSlider CSS file -->
        <link href="css/jquery.bxslider.css" rel="stylesheet" />
        <script>
$(document).ready(function(){
  $('.bxslider').bxSlider({ 
    slideWidth: 270,
    minSlides: 4,
    maxSlides: 4,
    slideMargin: 28
  });
});
</script>
        <ul class="products-grid first odd bxslider">
          <li class="item first fadeIn animated"> <a class="fa-search-btn first-bg"  href="media/246-thickbox_default.jpg"> enlarge image <i class="icon-search"></i></a> <a class="product-image" title="Product Name" href="/"> <img src="media/home-default.png" width="249" height="180" alt="product"></a>
            <h2 class="product-name"> <a title="Product Name" href="/"> Product Name </a> </h2>
            <div class="actions"> <a class="btn-circle first-bg-hover"> <i class="icon-heart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-shopping-cart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-exchange"></i> </a> </div>
          </li>
          <li class="item first fadeIn animated"> <a class="fa-search-btn first-bg"  href="media/246-thickbox_default.jpg"> enlarge image <i class="icon-search"></i></a> <a class="product-image" title="Product Name" href="/"> <img src="media/home-default2.png" width="249" height="180" alt="product"></a>
            <h2 class="product-name"> <a title="Product Name" href="/"> Product Name </a> </h2>
            <div class="actions"> <a class="btn-circle first-bg-hover"> <i class="icon-heart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-shopping-cart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-exchange"></i> </a> </div>
          </li>
          <li class="item first fadeIn animated"> <a class="fa-search-btn first-bg"  href="media/246-thickbox_default.jpg"> enlarge image <i class="icon-search"></i></a> <a class="product-image" title="Product Name" href="/"> <img src="media/home-default3.png" width="249" height="180" alt="product"></a>
            <h2 class="product-name"> <a title="Product Name" href="/"> Product Name </a> </h2>
            <div class="actions"> <a class="btn-circle first-bg-hover"> <i class="icon-heart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-shopping-cart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-exchange"></i> </a> </div>
          </li>
          <li class="item first fadeIn animated"> <a class="fa-search-btn first-bg"  href="media/246-thickbox_default.jpg"> enlarge image <i class="icon-search"></i></a> <a class="product-image" title="Product Name" href="/"> <img src="media/home-default4.png" width="249" height="180" alt="product"></a>
            <h2 class="product-name"> <a title="Product Name" href="/"> Product Name </a> </h2>
            <div class="actions"> <a class="btn-circle first-bg-hover"> <i class="icon-heart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-shopping-cart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-exchange"></i> </a> </div>
          </li>
          <li class="item first fadeIn animated"> <a class="fa-search-btn first-bg"  href="media/246-thickbox_default.jpg"> enlarge image <i class="icon-search"></i></a> <a class="product-image" title="Product Name" href="/"> <img src="media/home-default.png" width="249" height="180" alt="product"></a>
            <h2 class="product-name"> <a title="Product Name" href="/"> Product Name </a> </h2>
            <div class="actions"> <a class="btn-circle first-bg-hover"> <i class="icon-heart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-shopping-cart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-exchange"></i> </a> </div>
          </li>
          <li class="item first fadeIn animated"> <a class="fa-search-btn first-bg"  href="media/246-thickbox_default.jpg"> enlarge image <i class="icon-search"></i></a> <a class="product-image" title="Product Name" href="/"> <img src="media/home-default2.png" width="249" height="180" alt="product"></a>
            <h2 class="product-name"> <a title="Product Name" href="/"> Product Name </a> </h2>
            <div class="actions"> <a class="btn-circle first-bg-hover"> <i class="icon-heart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-shopping-cart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-exchange"></i> </a> </div>
          </li>
          <li class="item first fadeIn animated"> <a class="fa-search-btn first-bg"  href="media/246-thickbox_default.jpg"> enlarge image <i class="icon-search"></i></a> <a class="product-image" title="Product Name" href="/"> <img src="media/home-default3.png" width="249" height="180" alt="product"></a>
            <h2 class="product-name"> <a title="Product Name" href="/"> Product Name </a> </h2>
            <div class="actions"> <a class="btn-circle first-bg-hover"> <i class="icon-heart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-shopping-cart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-exchange"></i> </a> </div>
          </li>
          <li class="item first fadeIn animated"> <a class="fa-search-btn first-bg"  href="media/246-thickbox_default.jpg"> enlarge image <i class="icon-search"></i></a> <a class="product-image" title="Product Name" href="/"> <img src="media/home-default4.png" width="249" height="180" alt="product"></a>
            <h2 class="product-name"> <a title="Product Name" href="/"> Product Name </a> </h2>
            <div class="actions"> <a class="btn-circle first-bg-hover"> <i class="icon-heart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-shopping-cart"></i> </a> <a class="btn-circle first-bg-hover"> <i class="icon-exchange"></i> </a> </div>
          </li>
        </ul>
      </div>
      <div class="width-carousel brand-carousel">
        <div class="title-box">
          <h3 class="title-carousel first-brd">Our Brands</h3>
        </div>
        
        <!-- bxSlider Javascript file --> 
        <script src="js/jquery.bxslider.min.js"></script> 
        <!-- bxSlider CSS file -->
        <link href="css/jquery.bxslider.css" rel="stylesheet" />
        <script>
$(document).ready(function(){
  $('.bxslider2').bxSlider({ 
    slideWidth: 193,
    minSlides: 7,
    maxSlides: 7
  });
});
</script>
        <ul class="products-grid first odd bxslider2">
          <li class="item first fadeIn animated"> <a href="#"><img src="media/5.jpg" width="193" height="92"></a> </li>
          <li class="item first fadeIn animated"> <a href="#"><img src="media/6.jpg" width="193" height="92"></a> </li>
          <li class="item first fadeIn animated"> <a href="#"><img src="media/7.jpg" width="193" height="92"></a> </li>
          <li class="item first fadeIn animated"> <a href="#"><img src="media/8.jpg" width="193" height="92"></a> </li>
          <li class="item first fadeIn animated"> <a href="#"><img src="media/5.jpg" width="193" height="92"></a> </li>
          <li class="item first fadeIn animated"> <a href="#"><img src="media/6.jpg" width="193" height="92"></a> </li>
          <li class="item first fadeIn animated"> <a href="#"><img src="media/7.jpg" width="193" height="92"></a> </li>
          <li class="item first fadeIn animated"> <a href="#"><img src="media/8.jpg" width="193" height="92"></a> </li>
        </ul>
      </div>
    </article>
  </section>
  <div class="footer-info first-bg">
    <div class="container_9 clearfix">
      <p><a href="/"><img src="media/footer-banner.png" alt=""></a></p>
    </div>
  </div>
  
  <!-- Footer -->
  <footer id="footer" class="clearfix second-bg">
    <div class="footer-wrap container_9 ">
      <div class="footer-set">
        <div class="block">
          <h4>Customer Service</h4>
          <div class="block_content">
            <ul>
              <li class="first_item"><a title="Specials" href="index.php?controller=prices-drop">Specials</a></li>
              <li class="item"><a title="New products" href="index.php?controller=new-products">New products</a></li>
              <li class="item"><a title="Best sellers" href="index.php?controller=best-sales">Best sellers</a></li>
              <li class="item"><a title="Our stores" href="index.php?controller=stores">Our stores</a></li>
              <li class="item"><a title="Contact us" href="index.php?controller=contact">Contact us</a></li>
            </ul>
          </div>
        </div>
        <div class="block">
          <h4>Information</h4>
          <div class="block_content">
            <ul>
              <li class="item"><a title="Delivery" href="index.php?id_cms=1&amp;controller=cms&amp;id_lang=1">Delivery</a></li>
              <li class="item"><a title="Legal Notice" href="index.php?id_cms=2&amp;controller=cms&amp;id_lang=1">Legal Notice</a></li>
              <li class="item"><a title="About us" href="index.php?id_cms=4&amp;controller=cms&amp;id_lang=1">About us</a></li>
              <li><a title="Sitemap" href="index.php?controller=sitemap">Sitemap</a></li>
            </ul>
          </div>
        </div>
        <div class="block">
          <h4>My account</h4>
          <div class="block_content">
            <ul>
              <li><a href="index.php?controller=history">My orders</a></li>
              <li><a href="index.php?controller=order-slip">My credit slips</a></li>
              <li><a href="index.php?controller=addresses">My addresses</a></li>
              <li><a href="index.php?controller=identity">My personal info</a></li>
            </ul>
          </div>
        </div>
        <div class="block last">
          <h4>Contact us</h4>
          <div class="block_content">
            <p><a href="mailto:prestazilla@gmail.com">prestazilla@gmail.com</a> <br />
              +38649 123 456 789 00<br />
              Lorem ipsum address street no 24 b41</p>
          </div>
        </div>
      </div>
      <footer id="footer-absolute" class="clearfix"> <a  id="scroll-top-img"  href="#" class="go-top first-bg" > <img src="images/scrolltop.png"  /></a>
        <div class="copy">
          <p>© 2013 onlinestore , All Rights Reserved</p>
        </div>
        <div class="social">
          <p><a href="#"> <em class="icon-facebook"><span>icon</span></em></a> <a href="#"><em class="icon-twitter"><span>icon</span></em></a> <a href="#"><em class="icon-rss"><span>icon</span></em></a> <a href="#"><em class="icon-pinterest"><span>icon</span></em></a> <a href="#"><em class="icon-google-plus"><span>icon</span></em></a></p>
        </div>
      </footer>
    </div>
  </footer>
</div>
</body>
</html>
